<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.global.js"></script>
	</head>
	<body>
		
		<div id="app">
			<!-- 可以绑定复杂类型的数据，只要符合js的语法即可 -->
			{{listdata[1]}}
			{{jsondara.name}}
			<!-- 在插值表达式中可以使用简单的操作符 -->
			{{jsondara.age>18?"成年":"未成年"}}
		</div>

	</body>
	<script>
	var app=new Vue({
		// el:用于元素的挂载，绑定页面上声明的元素的选择器
		el:"#app",
		// data指定vue中需要用到的数据对象
		data:{
			message:"Hello Vue!",
			listdata:["python","vue","java"],
			jsondara:{
				"name":"tom",
				"age":18
			}
		}
	})
	</script>
</html>
